import type { EChartsOption } from "echarts";
import * as echarts from 'echarts/core'

export function getOption(): EChartsOption{
	const xData = ["2018", "2019", "2020", "2021", "2022", "2023",];
	const yData = [111, 600, 255, 344, 333, 555,];
	let datacoords:any = [{
		coords: [],
	}];
	for (let i = 0; i < xData.length; i++) {
		datacoords[0].coords.push([xData[i], yData[i]]);
	}
	return {
		backgroundColor: '#343956',
		animationDuration: 3000,
		color: ["#ec5d5f", "#f2cb58", "#64a0c8"],
		tooltip: {
			trigger: "axis",
			backgroundColor: "rgba(0,0,0,.5)",
			axisPointer: {
				type: "cross",
				label: {
					backgroundColor: "rgba(0,0,0,.5)",
				},
			},
			textStyle: {
				color: "#fff",
				fontSize: 14,
			},
		},
		grid: {
			left: "2%", //图表距边框的距离
			right: "5%",
			top: "14%",
			bottom: "15%",
			containLabel: true,
		},
		xAxis: [{
			nameGap: 3, //坐标轴名称与轴线之间的距离。
			nameTextStyle: {
				color: "rgba(255,255,255,.8)",
				fontSize: 12,
			},
			type: "category",
			data: xData,
			boundaryGap: true, //从0开始
			axisLine: {
				//坐标轴线颜色
				lineStyle: {
					color: "#636E7C",
				},
			},
			axisLabel: {
				showMaxLabel: true,
				fontSize: 12,
				color: "rgba(255,255,255,.8)", //坐标的字体颜色
			},
			axisTick: {
				//是否显示坐标轴刻度  x和y不交叉
				show: false,
			},
		}, ],
		yAxis: [{
			name: "人数",
			type: "value",
			nameGap: 20,
			min: 0,
			max: function(value) {
				return Math.ceil(value.max / 5) * 5;
			},
			splitNumber: 5,
			nameTextStyle: {
				//坐标轴字体
				color: "rgba(255,255,255,.89)",
				fontSize: 12,
			},
			splitLine: {
				//网格线颜色
				show: true,
				lineStyle: {
					color: "rgba(255,255,255,.25)",
					type: "dashed",
				},
			},
			axisTick: {
				//是否显示坐标轴刻度
				show: false,
			},
			axisLine: {
				//坐标轴线颜色
				show: true,
				lineStyle: {
					color: "#636E7C",
				},
			},
			axisLabel: {
				color: "rgba(255,255,255,.8)", //坐标的字体颜色
				fontSize: 12,
			},
		},

		],
		series: [{
			name: "新增就业人数",
			type: "line",
			smooth: 0, //可设置弧度，0-1
			lineStyle: {
				width: 1.5,
				type: "solid",
				shadowOffsetX: 0, // 折线的X偏移
				shadowOffsetY: 3, // 折线的Y偏移
				shadowBlur: 4, // 折线模糊
				shadowColor: "rgba(220,120,40,0.95)", //阴影色
				color: "#DC7828", //折线颜色
			},
			showSymbol: true,
			symbol: "circle",
			symbolSize: 8,
			itemStyle: {
				color: "#2f334d",
				borderWidth: 1,
				borderColor: "#DC7828",
			},
			areaStyle: {
				// 颜色渐变函数 前四个参数分别表示四个位置依次为---右下左上
				color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
					offset: 1,
					color: "rgba(220,120,40,0.3)",
				},
					{
						offset: 0.74,
						color: "rgba(220,120,40,0.26)",
					},
					{
						offset: 0,
						color: "rgba(220,120,40,0)",
					},
				]),
			},
			emphasis: {
				focus: "series",
			},
			data: yData,
		},
			{
				polyline: true,
				name: '流动光线',
				type: "lines",
				coordinateSystem: "cartesian2d",
				effect: {
					trailLength: 0.5,
					show: true,
					period: 6,
					symbolSize: 4,
					loop: true,
				},
				lineStyle: {
					color: "#fff",
					width: 0,
					opacity: 0,
					curveness: 0,
					type: "dashed",
				},
				data: datacoords,
			}
		]
	};
}
